草庐IT

HTML5 拖放(Drag 和 Drop)

全部标签

javascript - 防止 ASP.NET MVC 在 Html Helper ID 中用下划线替换句点

刚升级到最新的ASP.NETMVC候选发布版后,我注意到,在使用HtmlHelpers时,任何带有句点“.”的名称。当输出元素的ID时,它会将其替换为下划线“_”。我相信这是toaidinusingJQuery并且使用期间是为了辅助ModelBinders的使用。这破坏了我们所有使用原型(prototype)的javascript,因为ID都已更改。有没有办法轻松关闭此功能? 最佳答案 摘自ASP.NETMVCRC1发行说明(第15页)。Inthisrelease,bydefaultthedotcharacterisautomati

javascript - 无需库帮助的简单 JavaScript 拖放

我只是在寻找一种无需jquery或任何其他库即可使用拖放的方法。如果拖动的对象放在另一个元素上,后面的元素应该启动一个事件(在FF中-最好是独立于浏览器)。我知道之前有时讨论过JavaScript的拖放,但之前的帖子对我没有帮助。虽然我找到了一些例子,但我不清楚是否存在“拖放”或“拖放”事件,但这些事情不起作用:TextText这是怎么做到的?非常感谢。 最佳答案 我同意其他答案。图书馆将为您节省大量时间和麻烦。这是来自最近刚刚从头开始创建拖放控件的人。如果您坚持认为这是您需要做的:将onmousedown事件绑定(bind)到要拖

JavaScript: 'Document' 和 'HTML' 有什么区别

例子:$(document).click(function(){blah});//and$('html').click(function(){blah}); 最佳答案 我会分几个部分来回答这个问题。在JavaScript(不仅仅是jQuery,而是所有JavaScript)中,document关键字是包含HTMLDocument的对象的句柄。您可能会在以下情况下使用此句柄...//Getthecurrentwebaddressalert(document.location.href);当您将文档传递给jQuery时,它会将文档解析为

JavaScript RegExp 匹配忽略 HTML 的文本

是否可以在“Thedogisreallyreallyfat!”中匹配“狗真的很胖”,并在其周围添加“WHATWASMATCHED”?我并不是特别指这个意思,但通常能够忽略HTML搜索文本,将其保留在最终结果中,并在其周围添加上面的span吗?编辑:考虑到HTML标签重叠问题,是否可以匹配一个短语并在每个匹配的单词周围添加跨度?这里的问题是,当“dog”不在搜索上下文中时,我不想匹配它,在这种情况下,“thedogreallyreallyfat”。 最佳答案 更新:这是一个工作fiddle,可以满足您的需求。但是,您需要更新htmlT

javascript - 如何使用 jQuery 将 html 元素附加到鼠标?

如何使用jQuery将html元素附加到鼠标光标。这应该类似于“可拖动”,但我希望该元素在鼠标双击后紧贴光标并跟随光标直到按下鼠标左键。 最佳答案 您需要使用.mousemove()和.offset()。$("#clickedElement").dblclick(function(){var$someElement=$("#elementToCling");$(document).mousemove(function(e){$someElement.offset({top:e.pageY,left:e.pageX});}).clic

javascript - 拖放,防止尴尬的突出显示?

我正在构建一个拖放方法,使用查询-onmousedown导致-onmousemove(拖动)然后-onmouseup(取消绑定(bind)onmousemove)问题是,浏览器默认开始突出显示onmousemove,它会飞过整个页面并取消事件,使其无法使用。知道如何防止突出显示,因为preventDefault似乎不起作用。这是我的代码(是的,它非常草率,抱歉!)$(".middleRow").mousedown(function(){calculateSelection();$('body').append(''+numSelected+'messages');$(document)

javascript - 如何处理 Rails to_json 输出中的 HTML 实体?

我正在编写一个在后端使用Rails并在前端使用javascript/backbone的应用程序。我正在尝试bootstrapsomerailsmodelsintomyjavascript.具体来说,我想将@courses的内容加载到一个名为window.courses的js变量中。我在html.erb文件中有以下内容。window.courses=JSON.parse('');我期待erb预处理器将其呈现为有效的javascript,就像这样//...但是,相反,我得到的代码包含HTMLentities.//显然,当我尝试解析它时遇到javascript错误。有谁知道如何处理这些HTM

javascript - 如何将html设置为extjs中的元素

1)如何将HTML设置为已创建的面板或任何其他元素?我是初学者。我尝试了以下在HTML中设置一些内容varclickedElement=Ext.getCmp('id').el.child('>');clickedElement.setHTML("hello");上面的工作正常,但问题是因为面板里面有很多div。上面的方法是删除html中的那些(即div)并用上面的内容替换它。我通过Chrome看到该面板具有三个嵌套的div。因此,如果我想向其中添加HTML,则需要提供如下内容:varclickedElement=Ext.getCmp('id').el.child('>').child(

javascript - 通过拖放 fullcalendar-Javascript 来更新事件

我正在使用Fullcalendar对于我正在开发的项目...我只剩下一个功能要实现,即当现有事件从其原始位置拖到另一个时间或日期时。我想知道如何获取当前对象信息(标题、新开始时间、旧开始时间、id、url等),以便我可以使用较新的信息更新数据库……Fullcalendar对象的哪个属性执行我用?我实现了drop属性;drop:function(date,allDay){//retrievethedroppedelement'sstoredeventobjectvaroriginalEventObject=$(this).data('eventObject');//weneedtocop

javascript - 将事件监听器添加到 HTML 元素集合

我知道getElementsByTagName和getElementsByClassName需要索引标识符才能将对象绑定(bind)到事件监听器。所以问题是,如何将事件监听器添加到使用getElementsByTagName或getElementsByClassName找到的HTML元素集合?varinputElem=document.getElementsByTagName('input');inputElem.addEventListener('click',function(){alert(this.value);},false);我知道如何在jQuery中执行此操作,但我想知道